<template>
<div>
  <div class="jg_item1" v-for="i,k in list" :key="k" @click="toDetail(i.id)">
    <div class="flex">
      <div class="chain_name">{{i.name}}</div>
    </div>
    <div class="flex">
      <div class="chain_label">
        投资项目
      </div>
      <div class="chain_label color2" v-if="i.invest_money">
        {{i.invest_money}}
      </div>
    </div>
    
    <div class="xx_div flex_ac">
      <div class="xx_item" style="color: #000;">{{i.address}}</div>
      <div class="xx_item">|</div>
      <div class="xx_item">{{i?.create_time?.split(' ')[0]||'-'}}</div>
    </div>
  </div>
</div>
</template>
<script>
export default {
  props: {
    list: {
      default:[]
    }
  },
  data() {
    return {
      
    }
  },
  methods:{
    toDetail(id){
      this.$router.push({name:'projectDetail',query:{id}})
    },
  }
}
</script>
<style lang="scss" scoped>
.jg_item1{
	margin: 10px;
	background: #FFFFFF;
	border-radius: 3px;
	padding: 10px;
}
.js_total{
	margin: 10px;
	font-size: 10px;
	color: #333333;
	text{
		color:#FA6827;
	}
}

.chain_logo{
	height: 20px;
	width: 20px;
	margin-right: 10px;
}
.chain_name{
	font-size: 16px;
	color: #000000;
}
.chain_desc{
	font-size: 12px;
	color: #333333;
	margin: 10px 0;
}
.com_num{
	height: 30px;
	background: rgba(19,138,242,0.06);
	border-radius: 5px;
	line-height: 30px;
	font-size: 12px;
	color: #FA6827;
	padding: 0 10px;
}
.chain_label{
	height: 17px;
	line-height: 17px;
	padding: 0 7px;
	background: rgba(19,138,242,0.1);
	border-radius: 3px;
	margin-top: 10px;
	font-size: 10px;
	color: #138AF2;
	margin-right: 10px;
}
.color1{
	background: rgba(48,149,59,0.1);
	color: #2F953A;
}
.color2{
	color: #EB7418;
	background: rgba(235,116,24,0.1);
}

.xx_item{
	font-size: 12px;
	color: #999999;
	margin-right: 8px;
}
.xx_color1{
	color: #FA6827;
}
.xx_div{
	margin:10px 0 0;
}

.ys_div{
	width: 100%;
	height: 55px;
	background: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #F0F0F0;;
	margin-top: 10px;
	.ys_name{
		font-style: italic;
		font-weight: 900;
		font-size: 14px;
		color: #FA6827;
		margin: 0 10px;
	}
	.ys_item{
		text-align: center;
		width: calc(33% - 20px);
		.ys_text{
			font-size: 12px;
			color: #666666;
		}
		.ys_num{
			font-size: 12px;
			color: #FA6827;
			margin-top: 8px;
		}
	}
	.ys_shu{
		width: 1px;
		height: 35px;
		background: #F0F0F0;
	}
}
</style>